<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <title>商品分类</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/commodity.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
</head>
<body class="view-container" style="height: 100%">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>商品分类</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>

<div class="new-contaner fication">
    <ul class="tablet">
        <li class="blue">办公耗材</li>
        <li>办公设备</li>
        <li>电脑/通讯/数码</li>
        <li>文具用品</li>
        <li>办公电器</li>
        <li>办公家具</li>
        <li>生活用品/劳防</li>
    </ul>
        <ul class="left">
            <li class="test">电脑整机</li>
            <li >电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
        </ul>
    <ul class="right">
        <li><a href="">台式机电脑</a></li>
        <li><a href="">笔记本电脑</a></li>
        <li><a href="">平板电脑</a></li>
        <li><a href="">一体式电脑</a></li>
        <li><a href="">组装机电脑</a></li>
        <li><a href="">服务器</a></li>
        <li><a href="">台式机电脑</a></li>
        <li><a href="">笔记本电脑</a></li>
        <li><a href="">平板电脑</a></li>
    </ul>
</div>
<div class="check">
    <a href="" >新建分类</a>
</div>
</body>
<script>
//    $(".weui-navbar a").on("click",function(){
//        $(this).addClass("blue").siblings().removeClass("blue");
//    });
//    $(".sale_search").on('click',function(){
//        $(".mask").css('display','block');
//        $(".right-posty").animate({right:"0"},"500")
//    })
//    $(".mask").on('click',function(){
//        $(".mask").css('display','none');
//        $(".right-posty").animate({right:"-300px"},"500")
//    })
    $(".tablet li").on('click',function(){
        $(this).addClass("blue").siblings().removeClass("blue");
    })
    $(".left li").on('click',function(){
        $(this).addClass("test").siblings().removeClass("test");
    })
</script>
</html>